{% extends '../layout.html' %}

<!-- header-start -->
{% block head %}
    {% parent %}
    <meta name="keywords" content="aaaa" />
    <meta name="description" content="bbbbb" />
    <link rel="stylesheet" type="text/css" href="/css/page/home.css" />
    <link rel="stylesheet" type="text/css" href="/css/base/mine/jquery-plugin-zamasu-tab.css" />
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
    <header>
        <div class="header-right">
            <div class="app-title">丽之定制</div>
            <div class="qq-serves">
                <a class="" href="http://b.qq.com/webc.htm?new=0&sid=1570332001&o=wechat.zfpresent.com&q=7" target="_blank">QQ客服：</a>
                <span class="">1570332001</span>
            </div>
        </div>
        <div class="logo">
            <img class="icon" src="/image/logo.png">
        </div>
    </header>
    <div class="main">
        <div class="zamasu-tab-container">
            <ul class="zamasu-tab-title">
                {% for key,item in stupid_data %}
                <li class="zamasu-tab-title-{{key + 1}} {% if key==0 %}zamasu-tab-title-active{% endif %}">
                    {{ item.type_cn }}
                </li>
                {% endfor %}
            </ul>
            <div class="zamasu-tab-content">
                {% for key,list in stupid_data %}

                    <ul class="zamasu-tab-list {% if key==0 %}zamasu-tab-list-active{% endif %}">
                        {% for key2,item in list.list %}
                        <li class="zamasu-tab-list-item">
                            {% if list.type=="mobile" %}
                                {% set link="/kind?id="+item.nav_id %}
                            {% elseif list.type=="cup" %}
                                {% set link="/diy?kind=cup&id="+item.cup_id %}
                            {% elseif list.type=="bag" %}
                                {% set link="/diy?kind=bag&id="+item.bag_id %}
                            {% endif %}

                            <a href="{{ link }}">
                                <div class="zamasu-tab-list-item-title">{{ item.name }}系列</div>
                                <div class="zamasu-tab-list-item-icon"><img src="{{ apiOrigin + item.node_url }}"></div>
                            </a>
                        </li>
                        {% endfor %}
                    </ul>

                {% endfor %}
            </div>
        </div>
    </div>
    <div class="order-list footer">
        <a href="">
            <!-- <p>订单列表<span></span></p> -->
            <p><span>订单列表</span></p>
        </a>
    </div>
{% endblock %}
<!-- body-end -->

<!-- script-start -->
{% block script %}
    <!-- <script type="text/javascript" src="/js/page/home.js"></script> -->
    <script type="text/javascript" src="/js/base/mine/jquery-plugin-zamasu-tab.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.zamasu-tab-container').zamasuTab();
        });
    </script>
{% endblock %}
<!-- script-end -->
